<!doctype html>
<!--[if lt IE 7]>
<html lang="en" class="no-js ie6"><![endif]-->
<!--[if IE 7]>
<html lang="en" class="no-js ie7"><![endif]-->
<!--[if IE 8]>
<html lang="en" class="no-js ie8"><![endif]-->
<!--[if gt IE 8]><!-->
<html lang="en" class="no-js">
<!--<![endif]-->

<head>
    <meta charset="UTF-8">
    <title>Home</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <!-- <link rel="shortcut icon" href="favicon.png"> -->

    <link rel="stylesheet" href="css/bootstrap.css">

    <link rel="stylesheet" href="css/animate.css">
    <link rel="stylesheet" href="css/font-awesome.min.css">
    <link rel="stylesheet" href="css/slick.css">
    <link rel="stylesheet" href="js/rs-plugin/css/settings.css">

    <link rel="stylesheet" href="css/freeze.css">


    <script type="text/javascript" src="js/modernizr.custom.32033.js"></script>

    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

</head>

<body>

<div class="pre-loader">
    <div class="load-con">
        <img src="img/freeze/logo.png" class="animated fadeInDown" alt="">
        <div class="spinner">
            <div class="bounce1"></div>
            <div class="bounce2"></div>
            <div class="bounce3"></div>
        </div>
    </div>
</div>

<header>

    <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
        <div class="container">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse"
                        data-target="#bs-example-navbar-collapse-1">
                    <span class="fa fa-bars fa-lg"></span>
                </button>
                <a class="navbar-brand" href="index.html">
                    <span style="font-size: 50px">艺术人生</span>
                </a>
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">

                <ul class="nav navbar-nav navbar-right">
                    <li><a href="#about">关于</a>
                    </li>
                    <li><a href="#screens">产品优势</a>
                    </li>
                    <li><a href="#demo">合作伙伴</a>
                    </li>
                    <li><a href="#support">联系我们</a>
                    </li>
                    <li><a class="getApp" href="#getApp">获取应用</a>
                    </li>
                    <li><a href="#support">加入我们</a>
                    </li>
                </ul>
            </div>
        </div>
    </nav>
    <!--RevSlider-->
    <div class="tp-banner-container">
        <div class="tp-banner">
            <ul>
                <!-- SLIDE  -->
                <li data-transition="fade" data-slotamount="7" data-masterspeed="1500">
                </li>
                <!-- SLIDE 2 -->
                <li data-transition="zoomout" data-slotamount="7" data-masterspeed="1000">
                </li>

                <li data-transition="zoomout" data-slotamount="7" data-masterspeed="1000">
                </li>

            </ul>
        </div>
    </div>
</header>

<div class="wrapper">


    <section id="about">
        <div class="container">

            <div class="section-heading scrollpoint sp-effect3">
                <h1>关于我们</h1>
                <div class="divider"></div>
                <p>艺术人生 改变生活</p>
            </div>

            <div class="row">
                <div class="col-md-12 col-sm-12 col-xs-12">
                    <div class="about-item scrollpoint sp-effect2">
                        <p>福建翻身传媒文化科技集团有限公司是一家立足于互联网技术技术，为艺术爱好者和艺术家赋能、提供交易升级综合解决方案和大数据服务的一家创新型科技企业。公司以艺术人生为平台。艺术人生高度关注艺术品变现难，消费者权益保障这一行业痛点，首创消费者权益保障多项新举措，打造消费者维权的行业标准服务价值体系，提出文玩艺术品线上竞拍行业全新服务标准，推动行业发展升级。</p>
                    </div>
                    <div style="margin-top: 50px">
                        <img style="width: 100%;" src="./img/freeze/Slides/hrwj.png" alt="艺术人生 赋能未来">
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section id="screens">
        <div class="container">

            <div class="section-heading scrollpoint sp-effect3">
                <h1>产品优势</h1>
                <div class="divider"></div>
                <p>艺兴百城 术连万业</p>
            </div>

            <div class="filter scrollpoint sp-effect3">
                <a href="javascript:void(0)" class="button js-filter-all active">所有画面</a>
                <a href="javascript:void(0)" class="button js-filter-one">我的</a>
                <a href="javascript:void(0)" class="button js-filter-two">智慧小区</a>
                <a href="javascript:void(0)" class="button js-filter-three">创业导师</a>
            </div>
            <div class="slider filtering scrollpoint sp-effect5">
                <div class="all">
                    <img src="img/freeze/screens/shouye.png" alt="">
                    <h4>首页</h4>
                </div>
                <div class="one">
                    <img src="img/freeze/screens/yuedoushangcheng.png" alt="">
                    <h4>我的</h4>
                </div>
                <div class="two">
                    <img src="img/freeze/screens/zhihuixiaoqu.png" alt="">
                    <h4>智慧小区</h4>
                </div>
                <div class="three">
                    <img src="img/freeze/screens/yuedouduihuanqu.png" alt="">
                    <h4>创业导师</h4>
                </div>
            </div>
        </div>
    </section>

    <section id="getApp">
        <div class="container-fluid">
            <div class="section-heading inverse scrollpoint sp-effect3">
                <h1>获取应用</h1>
                <div class="divider"></div>
                <p>选择你的本机平台开始使用</p>
            </div>

            <div class="row">
                <div class="col-md-12">
                    <div class="hanging-phone scrollpoint sp-effect2 hidden-xs">
                        <img src="img/freeze/freeze-angled2.png" alt="">
                    </div>
                    <div class="platforms">
                        <a href="#" class="btn btn-primary inverse scrollpoint sp-effect1">
                            <i class="fa fa-android fa-3x pull-left"></i>
                            <span>下载&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><br>
                            <b>Android版&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</b>
                        </a>

                        <a href="#" class="btn btn-primary inverse scrollpoint sp-effect2">
                            <i class="fa fa-apple fa-3x pull-left"></i>
                            <span>下载&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><br>
                            <b>IOS版&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</b>
                        </a>
                    </div>

                </div>
            </div>
        </div>
    </section>

    <section id="abouts">
        <div class="container">

            <div class="section-heading scrollpoint sp-effect3">
                <h1>他们都选择艺术人生</h1>
                <div class="divider"></div>
                <p>让交易越来越简单</p>
            </div>

            <div class="row">
                <div class="col-md-3 col-sm-3 col-xs-6">
                    <div class="about-item scrollpoint sp-effect2">
                        <img class="image" src="img/freeze/dianjia1.jpg" alt="">
                    </div>
                </div>
                <div class="col-md-3 col-sm-3 col-xs-6">
                    <div class="about-item scrollpoint sp-effect5">
                        <img  class="image" src="img/freeze/dianjia2.jpg" alt="">
                    </div>
                </div>
                <div class="col-md-3 col-sm-3 col-xs-6">
                    <div class="about-item scrollpoint sp-effect5">
                        <img  class="image" src="img/freeze/dianjia3.jpg" alt="">
                    </div>
                </div>
                <div class="col-md-3 col-sm-3 col-xs-6">
                    <div class="about-item scrollpoint sp-effect1">
                        <img  class="image" src="img/freeze/dianjia4.jpg" alt="">
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-3 col-sm-3 col-xs-6">
                    <div class="about-item scrollpoint sp-effect2">
                        <img  class="image" src="img/freeze/dianjia5.jpg" alt="">
                    </div>
                </div>
                <div class="col-md-3 col-sm-3 col-xs-6">
                    <div class="about-item scrollpoint sp-effect5">
                        <img  class="image" src="img/freeze/dianjia6.jpg" alt="">
                    </div>
                </div>
                <div class="col-md-3 col-sm-3 col-xs-6">
                    <div class="about-item scrollpoint sp-effect5">
                        <img  class="image" src="img/freeze/dianjia7.jpg" alt="">
                    </div>
                </div>
                <div class="col-md-3 col-sm-3 col-xs-6">
                    <div class="about-item scrollpoint sp-effect1">
                        <img  class="image" src="img/freeze/dianjia8.jpg" alt="">
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-3 col-sm-3 col-xs-6">
                    <div class="about-item scrollpoint sp-effect2">
                        <img  class="image" src="img/freeze/dianjia9.jpg" alt="">
                    </div>
                </div>
                <div class="col-md-3 col-sm-3 col-xs-6">
                    <div class="about-item scrollpoint sp-effect5">
                        <img  class="image" src="img/freeze/dianjia10.jpg" alt="">
                    </div>
                </div>
                <div class="col-md-3 col-sm-3 col-xs-6">
                    <div class="about-item scrollpoint sp-effect5">
                        <img  class="image" src="img/freeze/dianjia11.jpg" alt="">
                    </div>
                </div>
                <div class="col-md-3 col-sm-3 col-xs-6">
                    <div class="about-item scrollpoint sp-effect1">
                        <img  class="image" src="img/freeze/dianjia12.jpg" alt="">
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section id="demo">
        <div class="container">
            <div class="section-heading scrollpoint sp-effect3">
                <h1>合作伙伴</h1>
                <div class="divider"></div>
                <p>艺术家的桥梁</p>
            </div>
            <div class="row">
                <div class="col-md-12  scrollpoint sp-effect2 video-container">
                    <div class="col-md-3 scrollpoint sp-effect2" style="margin-top: 40px;">
                        <h2>携手合作 共创未来</h2>

                        <div  style="font-size: 14px;letter-spacing:5px;padding-top: 10px">
                            <hr class="simple" style="border-top:2px solid #ffffff" />
                            <p> 艺术人生是"艺术交易综合解决方案服务商"，且与微信、支付宝、乐刷等多方达成战略合作关系。2024年艺术人生与乐刷达成战略合作，携手共创数据赋能心时代。</p>
                        </div>

                    </div>
                    <div class="col-md-9 about-item scrollpoint sp-effect2 " style="margin-top: 0px;">
                        <img src="img/freeze/panner.jpg" alt="" style="width: 100%;float: right">
                    </div>
                </div>
            </div>
        </div>
    </section>


    <section id="support" class="doublediagonal">
        <div class="container">
            <div class="section-heading scrollpoint sp-effect3">
                <h1>联系我们</h1>
                <div class="divider"></div>
                <p>有关更多信息和支持，请与我们联系！</p>
            </div>
            <div class="row">
                <div class="col-md-12">
                    <div class="row">
                        <div class="col-md-8 col-sm-8 scrollpoint sp-effect1">
                            <form role="form">
                                <div class="form-group">
                                    <input type="text" class="form-control" placeholder="Your name">
                                </div>
                                <div class="form-group">
                                    <input type="email" class="form-control" placeholder="Your email">
                                </div>
                                <div class="form-group">
                                    <textarea cols="30" rows="10" class="form-control"
                                              placeholder="Your message"></textarea>
                                </div>
                                <button type="submit" class="btn btn-primary btn-lg">提交</button>
                            </form>
                        </div>
                        <div class="col-md-4 col-sm-4 contact-details scrollpoint sp-effect2">
                            <div class="media">
                                <a class="pull-left" href="#">
                                    <i class="fa fa-map-marker fa-2x"></i>
                                </a>
                                <div class="media-body">
                                    <h4 class="media-heading">浙江省杭州市滨江区浦沿东冠社区171号</h4>
                                </div>
                            </div>
                            <div class="media">
                                <a class="pull-left" href="#">
                                    <i class="fa fa-envelope fa-2x"></i>
                                </a>
                                <div class="media-body">
                                    <h4 class="media-heading">
                                        <a href="mailto:support@oleose.com">1071057408@qq.com</a>
                                    </h4>
                                </div>
                            </div>
                            <div class="media">
                                <a class="pull-left" href="#">
                                    <i class="fa fa-phone fa-2x"></i>
                                </a>
                                <div class="media-body">
                                    <h4 class="media-heading">+8618676373119</h4>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <footer style="background: #00A8FF ">
        <div class="container">
            <div class="social">
                <ul class="list-unstyled list-inline ">
                    <li>关于</li>
                    <li>产品中心</li>
                    <li>商务合作</li>
                    <li>联系我们</li>
                    <li>获取应用</li>
                    <li>加入我们</li>
                </ul>
                <hr class="simple" color="#ffffff" />
            </div>
            <div class="rights">
                <p>服务热线：18676373119</p>
                <p>公司地址：浙江省杭州市滨江区浦沿东冠社区171号</p>
            </div>
        </div>

    </footer>
    <div style="margin-bottom: 50px;text-align: center">
        <div style="margin-top: 5px;background: #f6f6f6; padding:10px">
            <p>备案号：浙ICP备17048775号</p>
        </div>
    </div>
</div>
<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/slick.min.js"></script>
<script src="js/placeholdem.min.js"></script>
<script src="js/rs-plugin/js/jquery.themepunch.plugins.min.js"></script>
<script src="js/rs-plugin/js/jquery.themepunch.revolution.min.js"></script>
<script src="js/waypoints.min.js"></script>
<script src="js/scripts.js"></script>

<script>
    $(document).ready(function () {
        appMaster.preLoader();
    });
</script>

</body>
</html>